﻿<UserControl x:Class="SilverlightPlayground.RFB.Silverlight.MainPage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:controls="clr-namespace:SilverlightPlayground.Controls;assembly=SilverlightPlayground.Controls"
             mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot" Background="Black">
    	<VisualStateManager.VisualStateGroups>
    		<VisualStateGroup x:Name="CommonStates">
    			<VisualStateGroup.Transitions>
    				<VisualTransition GeneratedDuration="0:0:0.33"/>
    				<VisualTransition From="Closed" GeneratedDuration="0:0:0.1">
    					<VisualTransition.GeneratedEasingFunction>
    						<ElasticEase EasingMode="EaseIn"/>
    					</VisualTransition.GeneratedEasingFunction>
    				</VisualTransition>
    				<VisualTransition GeneratedDuration="0:0:0.33" To="Closed">
    					<VisualTransition.GeneratedEasingFunction>
    						<QuinticEase EasingMode="EaseIn"/>
    					</VisualTransition.GeneratedEasingFunction>
    				</VisualTransition>
    			</VisualStateGroup.Transitions>
    			<VisualState x:Name="Closed">
    				<Storyboard>
    					<DoubleAnimation Duration="0" To="-20" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="stackPanel" d:IsOptimized="True"/>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="Open"/>
    		</VisualStateGroup>
    	</VisualStateManager.VisualStateGroups>
    	<Grid.RowDefinitions>
    		<RowDefinition Height="20"/>
    		<RowDefinition/>
    	</Grid.RowDefinitions>
        <Border x:Name="box" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.RowSpan="2">
            <Image x:Name="vnc" RenderTransformOrigin=".5,.5" Stretch="Uniform" />
        </Border>
        <StackPanel x:Name="stackPanel" Background="#3DFFFFFF" Orientation="Horizontal" RenderTransformOrigin="0.5,0.5">
        	<StackPanel.RenderTransform>
        		<CompositeTransform/>
        	</StackPanel.RenderTransform>
        	<HyperlinkButton x:Name="bDisconnect" Content="Disconnect" HorizontalAlignment="Left" Margin="5,0,0,0" VerticalAlignment="Center" Foreground="#FFFF9900"/>
        </StackPanel>
    </Grid>
</UserControl>
